<template>
  <div class="home">
    <el-container class="home-container">
      <!-- 头部内容 -->
      <el-header class="home-header">
        <home-header></home-header>
      </el-header>
        <home-content></home-content>
    </el-container>
  </div>
</template>

<script>
  import HomeHeader from  'views/home/HomeHeader.vue';
  import HomeContent from  'views/home/HomeContent.vue';


  export default {
    name: 'Home',
    data() {
      return {
        
      }
    },
    created() {
     
    },
    components: {
      HomeHeader,
      HomeContent
    },
    methods: {
      collapseClick(collapse) {
        this.isCollapse = collapse;
      }
    },

  }
</script>

<style scoped>
  .home {
    height: 100%;
    /* background: url('~assets/img/bg10.jpg') no-repeat center;
    background-size: 100%; */
  }
  .home-container {
    height: 100%;
  }
  .home-aside, .home-header {
    position: relative;
    z-index: 10;
    height: 4.2rem !important;
    background-color:var(--themeColor);
  }

</style>